@import  'variables';
// 当使用 @import 导入模块时，如果在多个文件中多次导入同一个文件，
// 可能会导致重复加载的问题。这意味着被导入的文件将在每个使用了 @import 
// 的文件中都被加载一次，导致样式表中包含多份相同的样式，从而影响性能和增加文件大小。

// 而使用 @use 导入方式可以避免重复加载问题，因为它会确保每个模块只加载一次，
// 即使在多个文件中导入。这样可以优化性能，并保持样式表的精简和一致性。

@use "variables.scss" as  zks;
// 也可加as定义变量名称
div {
//   color: variables.$primary-color;
  color: zks.$primary-color;

}